<html>
	<head>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7/dijit/themes/tundra/tundra.css" />
        <script type="text/javascript">
            var dojoConfig = {
                parseOnLoad: true,
                isDebug: true,
                locale: 'ru-ru',
            };
        </script>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojo/dojo.js"></script>

        <script type="text/javascript">
            dojo.require('dojo.fx');

            dojo.ready(function(){
               console.log('document ready!');

                var node = dojo.byId('mainDiv');
                node.innerHTML = 'Документ готов';


                dojo.forEach(dojo.query('li'), function (element, index) {
                    dojo.connect(element, 'onclick', function () {
                        dojo.anim(this, {color: "#00ffff"}) 
                    });
                    element.innerHTML = index;
                });
            });
        </script>


    </head>
    <body class="tundra">
        <div id="mainDiv">

        </div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </body>
</html>